<template>
	<view class="leave-examine-card">
		<view class="card-wrap">
			<view class="card-content">
				<view class="header">
					<person-infrom :propName="salaryData['部门名称']" propNum="" propDepartment=""></person-infrom>
					<view class='heade-code'>总人数：{{salaryData['人数']}}</view>	
				</view>
				<view class="basic-inform">
					<view class="basic-time">
						<view class="star-time-wrap">
							<view class="title">实发合计：</view>
							<view class="time">{{salaryData['实发合计']}}</view>
						</view>
					</view>
					<view class="leave-inform">
						<view class="salary-num">
							<view class="title">应发合计:</view>
							<view class="value">{{salaryData['应发合计']}}</view>
						</view>
						<view class="salary-num">
							<view class="title">扣款合计:</view>
							<view class="value">{{salaryData['扣款合计']}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="card-btn">
				<view class="chekck-more" @click="checkDetail">查看详情</view>
				<view class="btn-wrap">
					<my-button type ='plain' @click='handleExit'>退回</my-button>
					<my-button @click='handleAdopt'>通过</my-button>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
export default {
	name: 'salary-examine-card',
	data() {
		return {
		};
	},
	props:{
		salaryData:{
			type:Object,
		}
	},
	methods:{
		checkDetail(){
			this.$emit('clickDetail')
		},
		// handleExit(){
		// 	this.$emit('exit',this.leaveData)
		// },
		// handleAdopt(){
		// 	this.$emit('adopt',this.leaveData)
		// },
	},
	created() {
	}
};
</script>

	
<style lang="scss" scoped>
	.header{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.heade-code{
			width: 200rpx;
			text-align: end;
			font-size: 24rpx;
			color: red;
			white-space:normal;
			         word-break:break-all;
			         word-wrap:break-word; 
		}
	}
	.time-tips{
		margin: 0 20rpx;
	}
.leave-examine-card {
	padding: 0 36rpx;
	.card-wrap {
		padding: 32rpx 28rpx 0rpx 28rpx;
		box-shadow: 0px 4px 12px 0px rgba(70, 66, 130, 0.1);
		border-radius: 8px;
		.card-content {
			// border-bottom: 2rpx solid  #e3dede;
			.basic-inform {
				padding: 16rpx 0 16rpx 0;
				display: flex;
				justify-content: space-between;
				.basic-time {
					font-size: 24rpx;
					.star-time-wrap {
						padding: 8rpx 0;
						display: flex;
						flex-direction: column;
						.title {
							margin: 10rpx;
							color: #a7a3a3;
						}
						.time {
							font-size: 40rpx;
						}
					}
				}
				.leave-inform {
					display: flex;
					flex-direction: column;
					justify-content: center;
					font-size: 24rpx;
					color: #a7a3a3;
					.salary-num{
						width: 250rpx;
						display: flex;
						justify-content: space-between;
						margin-top: 12rpx;
					}
					
				}
			}
		}
		.card-btn {
			display: flex;
			justify-content:flex-start;
			align-items: center;
			height: 70rpx;
			.chekck-more{
				font-size: 28rpx;
				color: #007aff;
			}
			.btn-wrap{
				display: flex;
				padding-top: 18rpx;
				justify-content: flex-end;
			}
		}
	}
}
</style>
